<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-touch-fullscreen" content="YES"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>银行卡</title>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/unbindCard.css"/>
    <!-- <link rel="stylesheet" href="../../static/css/payment.css"/> -->
</head>
<body>
<div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre" onclick="returnBack()"><img src="../../../img/ic_back.png" alt=""/></a>
        <p class="head-title">支付详情</p>
    </header>
    <!-- 内容 -->
    <div class="panel-contain">

        <div class="unbindCard-panel">
            <!-- 银联列表: 卡号 -->
            <div class="unbindCard-item-wrapper">
                <div class="unbindCard-item">
                    <span class="unbindCard-icon"></span>
                    <h2 class="unbindCard-title"><input type="text" placeholder="银行名称"  th:value="${CUPBean.payBankname}"/>
                        <p class="unbindCard-type"><input type="text" placeholder="卡类型" th:value="${CUPBean.payAccttype}"/></p>
                    </h2>
                    <p class="unbindCard-num"><input type="text" placeholder="银行卡号" th:value="${CUPBean.payAcctno}"/></p>
                </div>
                <span class="unbindCard-bg"></span>
            </div>

            <div class="unbindCard-info">
                <label class="unbindCard-label "  for="">支付金额</label>
                <p class="unbindCard-txt fr"><input type="text" placeholder="支付金额" th:value="${totalAmount}"/></p>
                <input type="hidden" placeholder="银联id" th:value="${CUPBean.guid}"/>
            </div>
        </div>
    </div>


    <footer class="unbindCard-footer">
        <input type="button" placeholder="申请支付" value="申请支付" onclick="applicationPay()" />
    </footer>


    <!-- 提示框 -->
    <div class="msg-wrapper" id="js_tipsPanel">
    <div class="msg-tips-pop tips-success" id="js_tips" style="">
      <div class="tips-content" id="tips">asdjakl点击萨拉打卡机卡拉胶埃里，。克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克 撒旦</div>
    </div>
</div>

    <!-- 自定义弹出框: 开始 -->
    <!--  <div class="page-alert-wrapper" id="alertPanel">
        <span class="page-jumbotron" id="alertJumbotron"></span>
        <div class="page-alert">
            <header class="page-title" id="alertTitile">提示</header>
            <div class="page-content" id="alertContent">
            </div>
            <footer class="page-footer"  id="alertBtn">确认</footer>
        </div>
    </div> -->
    <!-- 自定义弹出框: 结束 -->
</div>
</body>
<script src="../../js/AutoAdapter.js"></script>
<!-- <script src="../../static/js/___payment/adpter.js"></script> -->
<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/unbindCard.js"></script>
</html>
